﻿<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="PageHeader.ascx.vb" Inherits="Trebuchet.PageHeader" %>

<div id="fb-root"></div>
<script type="text/javascript">
    
</script>

    <asp:UpdatePanel ID="UpdatePanel" runat="server">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="cmdLogin" />
            <asp:AsyncPostBackTrigger ControlID="cmdRegister" />
        </Triggers>
        <ContentTemplate>    

            <header>
	            <div>
		            <h1><a href="/">Trebuchet <small>Alpha</small></a></h1>
		            <nav>
                        
			            <ul>
                            <li id="liLogin" runat="server"><asp:LinkButton ID="cmdLoginPopup" runat="server">Login</asp:LinkButton></li>
                            <li id="liRegister" runat="server"><asp:LinkButton ID="cmdRegisterPopup" runat="server">Register</asp:LinkButton></li>
                            <li id="liUserName" runat="server"><asp:Label ID="lblUserName" runat="server"></asp:Label></li>
				            <li id="liDashboard" runat="server"><a href="../dashboard.aspx">Dashboard</a></li>
                            <li id="liStartGame" runat="server"><a class="zing" href="play.html">Start Game</a></li>
				            <li id="liUserSettings" runat="server"><a href="../UserSettings.aspx">Settings</a></li>
				            <li id="liLogout" runat="server"><asp:LinkButton ID="cmdLogout" runat="server">Sign Out</asp:LinkButton></li>
			            </ul>
		            </nav>
		            <div class="clear"></div>
	            </div>
            </header>
                            
            <div id="divLogin" runat="server" style="display:none;">

                <Trebuchet:MessageDisplay ID="LoginMessageDisplay" runat="server" />

                <asp:Label id="Label1" runat="server">Email Address: </asp:Label>
                <asp:TextBox id="txtEmail" runat="server"></asp:TextBox>
                <br />
                <asp:Label ID="lblPassword" runat="server">Password: </asp:Label>
                <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox>
                <br />
                <asp:Button id="cmdLogin" runat="server" Text="Login" />
                <div class="fb-login-button" scope="email">Login with Facebook</div>
    
            </div>
    
            <div id="divRegister" runat="server" style="display:none;">

                <Trebuchet:MessageDisplay ID="RegisterMessageDisplay" runat="server" />

                <asp:Label ID="lblRegisterEmail" runat="server">Email: </asp:Label>
                <asp:TextBox ID="txtRegisterEmail" runat="server"></asp:TextBox>
                <br />
                <asp:Label ID="lblRegisterPassword" runat="server">Password: </asp:Label>
                <asp:TextBox ID="txtRegisterPassword" runat="server"></asp:TextBox>
                <br />
                <asp:Label ID="lblRegisterConfirmPassword" runat="server">Confirm Password: </asp:Label>
                <asp:TextBox ID="txtRegisterConfirmPassword" runat="server"></asp:TextBox>
                <br />
                <asp:Button id="cmdRegister" runat="server" Text="Register" />
                <div class="fb-login-button" scope="email">Login with Facebook</div>
    
            </div>
    
            <ajax:ModalPopupExtender ID="mpeLogin" runat="server" TargetControlID="cmdLoginPopup" PopupControlID="divLogin"></ajax:ModalPopupExtender>
            <ajax:ModalPopupExtender ID="mpeRegister" runat="server" TargetControlID="cmdRegisterPopup" PopupControlID="divRegister"></ajax:ModalPopupExtender>

        </ContentTemplate>
    </asp:UpdatePanel>